$('.nav_a').hover(function() {
    $(this).addClass('on')
}, function() {
    $(this).removeClass('on')
})

// 左侧菜单栏背景显示
$('.nav_list .list_box').hover(function() {
        $(this).addClass('showbg');
        $('.nav_list .ershow').eq($(this).index()).css('display', 'block');
    }, function() {
        $(this).removeClass('showbg');
        $('.nav_list .ershow').eq($(this).index()).css('display', 'none');
    })
    // 二级导航子元素移入
$('.ershow .er_text span').mouseover(function() {
    $(this).addClass('ooon').siblings().removeClass('ooon');

})


//   背景图轮播切换
// 焦点轮播
$('.dot span').hover(function() {
    clearInterval(time);
    $(this).addClass('on').siblings().removeClass('on');

    var index = $(this).index();
    $('.nav_lb li').eq(index).addClass('show').siblings().removeClass('show');
}, function() {
    autoplay();
})

// 自动轮播
var time;

function autoplay() {
    clearInterval(time);
    var index = 0;
    time = setInterval(function() {
        index++;
        if (index > 4) {
            index = 0;
        }
        $('.dot span').eq(index).addClass('on').siblings().removeClass('on');
        $('.nav_lb li').eq(index).addClass('show').siblings().removeClass('show');
    }, 2000)
}
autoplay();



// 热门推荐数据渲染

function show(index_s) {
    var obj = data.applianceData.hot[index_s];
    var showDatas = '';
    for (var i = 0; i < obj.length; i++) {
        showDatas += `
            <li>
            <div class="p-img" data-gid="${obj[i].goodid}">
                <a href="javascript:;">
                    <img src="${obj[i].goodurls.nowurl}" alt="">
                </a>
            </div>
            <div class="p-price">￥${obj[i].goodprice}</div>
            <div class="p-name">
                <a href="javascript:;">${obj[i]. goodtitle}</a>
            </div>
            <a href="javascript:;" class="kan">查看详情</a>
        </li>`
    }
    $('.hot_xr').html(showDatas);
}
// 热门推荐数据初始化
show(0);
$('.hd_right li').mouseover(function() {
    $(this).addClass('houseon').siblings().removeClass('houseon');
    var index = $(this).index();
    show(index);
});



// 厨房电器渲染数据
// 封装一个函数
function showpage(data, area) {
    var pageDatas = `
    <li class="first">
    <div class="p-img" data-gid="${data[0].goodid}">
        <a href="javascript:;" >
            <img src="${data[0].goodurls.nowurl}" alt="">
        </a>
    </div>
    <div class="p-info">
        <div class="info-name">
            <a href="javascript:;"  title="">${data[0].goodtitle}</a>
        </div>
        <div class="info-handle">
            <div class="info-price">¥${data[0].goodprice}</div>
            <a href="javascript:;" class="info-btn" >查看详情</a>
        </div>
    </div>
</li>`;
    // 循环设置其余数据
    for (var i = 1; i < data.length; i++) {
        pageDatas += `
    <li>
    <div class="p-img" data-gid="${data[i].goodid}">
        <a href="javascript:;" >
        <img src="${data[i].goodurls.nowurl}" alt="">
        </a>
    </div>
    <div class="p-name">
        <a href="https://x.dscmall.cn/goods-1126.html"  title="">${data[i].goodtitle}</a>
    </div>
    <div class="p-price">
    ¥${data[i].goodprice}
    </div>
</li>`
    }
    //设置到页面
    $(area).html(pageDatas);
}
// 调用初始化数据
showpage(data.applianceData.kitchen[0], $('.cont_right ul'));

// 切换
$('.hd_r li').mouseover(function() {
    var index = $(this).index();
    showpage(data.applianceData.kitchen[index], $('.cont_right ul'));
    $(this).addClass('ono').siblings().removeClass('ono');
})

showpage(data.applianceData.big[0], $('.dj_cont_right ul'));
$('.dj_r li').mouseover(function() {
    var index = $(this).index();
    showpage(data.applianceData.big[index], $('.dj_cont_right ul'));
    $(this).addClass('ono').siblings().removeClass('ono');
})

showpage(data.applianceData.person[0], $('.gh_cont_right ul'));
$('.gh_r li').mouseover(function() {
    var index = $(this).index();
    showpage(data.applianceData.person[index], $('.gh_cont_right ul'));
    $(this).addClass('ono').siblings().removeClass('ono');
})

showpage(data.applianceData.five[0], $('.wj_cont_right ul'));
$('.wj_r li').mouseover(function() {
    var index = $(this).index();
    showpage(data.applianceData.five[index], $('.wj_cont_right ul'));
    $(this).addClass('ono').siblings().removeClass('ono');
})

showpage(data.applianceData.life[0], $('.sh_cont_right ul'));
$('.sh_r li').mouseover(function() {
    var index = $(this).index();
    showpage(data.applianceData.life[index], $('.sh_cont_right ul'));
    $(this).addClass('ono').siblings().removeClass('ono');
})



// 随手购数据渲染

var obj = data.clothesData.suibian;
var showDatas = '';
for (var i = 0; i < obj.length; i++) {
    showDatas += `
    <li>
    <div class="p_img" data-gid="${obj[i].goodid}" >
        <img src="${obj[i].goodurls.nowurl}" alt="">
    </div>
    <div class="p_price">￥${obj[i].goodprice}</div>
    <div class="p_name">
        <a href="#">${obj[i].goodtitle}</a>
    </div>
    <div class="p_bt"><a href="javascript:;">查看详情</a></div>
    </li>`
}
$('.cont_warp ul').html(showDatas);
//随手购轮播图
//随手购小圆点切换样式
$('.gou_dot li').hover(function() {
    $(this).addClass('on').siblings().removeClass('on');
    var index = $(this).index() * -1200;
    $('.cont_warp ul').css('left', index);
    $('.jt_left,.jt_right').stop().show();
}, function() {
    $('.jt_left,.jt_right').stop().hide();
})

$('.shopping_cont').hover(function() {

    $('.jt_left,.jt_right').stop().show();
    var target = parseInt($('.cont_warp ul').position().left);
    var index = 0;
    //点击左箭头
    $('.jt_left').click(function() {
        index--;
        if (index < 0) {
            index = 0;
        }
        $('.gou_dot li').eq(index).addClass('on').siblings().removeClass('on');
        target += 1200;
        if (target > 0) {
            target = 0;
        }
        $('.cont_warp ul').css('left', target);
    })
    $('.jt_right').click(function() {
        index++;
        if (index > 2) {
            index = 2;
        }
        $('.gou_dot li').eq(index).addClass('on').siblings().removeClass('on');
        target -= 1200;
        if (target < -2400) {
            target = -2400;
        }
        $('.cont_warp ul').css('left', target);
    })
}, function() {
    $('.jt_left,.jt_right').stop().hide();
})

// 滑动条
var main = $('.hot').offset().top;

$(window).scroll(function() {
    if ($(window).scrollTop() >= main) {
        $('.capatop_list').fadeIn(600);
    } else {
        $('.capatop_list').fadeOut(600);
    }
    $('.household_content').children().each(function(index, value) {
        if ($(window).scrollTop() >= value.offsetTop) {
            $('.list_son').eq(index).addClass('oon').siblings().removeClass('oon')
        }
    })
    $('.list_son').click(function() {
        $(this).addClass('oon').siblings().removeClass('oon');
        var index = $(this).index();
        $(window).scrollTop($('.household_content').children().eq(index).offset().top)
    })
})

$('.list_jt').click(function() {
    $(window).scrollTop(0);
    console.log(123);
})


$('.cont_right ul').click(function(e){
    var gid = $(e.target).parents('li').find('.p-img').data('gid')
})